<!DOCTYPE html>
<!-- saved from url=(0064)https://u.uzai.com/Personal/OrderInfo?orderCode=FR19120000004136 -->
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单详情</title>

    <link href="../css/order/order_details.css" rel="stylesheet">
    <link href="../css/order/my_center_public.css" rel="stylesheet">
    <link href="../css/order/iconfont.css" rel="stylesheet">

    <link href="../css/order/WdatePicker.css" rel="stylesheet" type="text/css">
</head>

<body style="">
<div class="MyCenterWrap">
    <div class="main">
        <h1 class="order_t">订单详情</h1>
        <h1 class="order_t"><a href="/order/myorder" style=" text-decoration:none;color: black">返 回</a></h1>
        <div class="order_detail_nav" th:each="list:${orderInfo}">
            <h2><i class="iconfont icon-lititle"></i>订单状态</h2>
            <div class="order_detail_g">
                <p>订单编号：<i class="iconfont icon-icon-yuandian"></i><i th:text="${orderId}"></i></p>
                <p>
                    订单状态：<i class="iconfont icon-icon-yuandian"></i>
                    <i th:if="${list.status==2}" th:text="未付款" ></i>
                    <i th:if="${list.status==1}" th:text="已付款" ></i>
                </p>
                <p><i class="iconfont icon-icon-yuandian"></i>订单金额：<span class="f16">¥</span><span th:text="${list.price}">236.00</span>
                    <em class="priceDetailed a">价格明细<i class="iconfont icon-right-arr-copy"></i>
                        <i class="iconfont icon-right-arr-copy-copy"></i>
                    </em>
                </p>
            </div>
            <table class="order_detail_d" style="display: table;">
                <thead>
                <tr>
                    <th>产品名称</th>
                    <th width="100">出发城市</th>
                    <th width="100">出发日期</th>
                    <th width="100">单价(¥)</th>
                    <th width="100">单位</th>
                    <th width="100">数量</th>
                    <th width="100">小计(¥)</th>
                </tr>
                </thead>
                <tbody >
                <tr>
                    <td th:text="${list.info}">&lt;【晚出发】八达岭下午半日跟团游0晚1日&gt;</td>
                    <td th:text="${list.origin}">-</td>
                    <td th:text="${list.startTimes}">2020-01-02</td>
                    <td th:text="${list.djPrice}">118.00</td>
                    <td>人</td>
                    <td th:text="${list.peopleCount}">2</td>
                    <td th:text="${list.price}">236.00</td>
                </tr>

                </tbody>
            </table>
        </div>

        <div class="order_detail_nav">
            <h2><i class="iconfont icon-lititle"></i>订单信息</h2>
            <h3>
                <i class="iconfont icon-icon-yuandian"></i>联系人信息
                <span class="J_xiugai" id="lianxiren" onclick="openTank(&#39;.contactsTank&#39;)">修改</span>
            </h3>
            <div class="order_con" th:each="list:${subscribePeopleList}">
                <span id="ordercontactname">姓名：<i th:text="${list.Sp_name}"></i></span>
                <span id="ordercontactmobile">手机号码：<i th:text="${list.Sp_phone}"></i></span>
                <span id="ordercontactmail">邮箱：<i th:text="${list.Sp_email}"></i></span>
            </div>
            <h3><i class="iconfont icon-icon-yuandian"></i>游客信息</h3>
            <table class="order_custom">
                <thead>
                <tr>
                    <th width="80">姓名</th>
                    <th width="100">证件类型</th>
                    <th width="200">证件号码</th>
                    <th width="50">性别</th>
                    <!--                        <th width="100">出生日期</th>-->
                    <th width="120">手机号码</th>
                    <th width="100">参团状态</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody id="customerlist">
                <tr th:each="list:${peopleInfoList}">
                    <td style="display:none">8430339</td>
                    <td th:text="${list.P_name}">彭毅</td>
                    <td >身份证</td>
                    <td th:text="${list.P_number}">612301200110013698</td>
                    <td th:text="${list.P_sex}">男</td>
                    <!--                        <td th:text="${list.P_name}">2001-10-01</td>-->
                    <td th:text="${list.P_phone}">17312345678</td>
                    <td>参团</td>
                    <td>
                        <a onclick="upInlandCustShow(8430339)">修改</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


<form id="form1" name="form1" method="post" action="/order/upSpInfo" style="display: none">

    <input th:value="${orderId}" type="hidden" name="oid">
    <table width="405" height="241" border="1" align="center" th:each="list:${subscribePeopleList}">
<!--        <i class="iconfont icon-shanchu closeTank"></i>-->
        <tr>
            <td height="60" colspan="2" align="center" valign="middle"><p>修改联系人信息</p></td>
        </tr>
        <tr>
            <td width="326" align="right" valign="middle">*姓名：</td>
            <td width="329" align="center" valign="middle"><label for="txtName"></label>
                <input type="text" name="txtName" id="txtName" class="con_input" th:value="${list.Sp_name}"/></td>
        </tr>
        <tr>
            <td align="right" valign="middle">*手机号码： </td>
            <td align="center" valign="middle">
                <input type="text" name="txtNumber" id="txtNumber" class="con_input" th:value="${list.Sp_phone}" />
            </td>
        </tr>
        <tr>
            <td height="31" align="right" valign="middle">邮箱：</td>
            <td align="center" valign="middle">
                <input type="text" name="txtEmail" id="txtEmail" class="con_input" th:value="${list.Sp_email}"/>
            </td>
        </tr>
        <tr>
            <td height="32" colspan="2" align="center" valign="middle">
                <input type="submit" name="button" id="button" value="保 存" />
                <input type="submit" name="button2" id="button2" value="返回" />
            </td>
        </tr>
    </table>
</form>

<!--<form id="form2" name="form2" method="post" action="" style="" th:each="list:${peopleInfoList}">-->
<!--    <input th:value="${list.P_name}" type="" name="P_name">-->
<!--    <table width="405" height="420" border="1" align="center">-->
<!--        <tr>-->
<!--            <td colspan="2" align="center" valign="middle">修改游客信息</td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td width="170" align="right" valign="middle">*姓名：</td>-->
<!--            <td width="240" align="center" valign="middle"><label for="textfield"></label>-->
<!--                <input type="text" name="textfield" id="textfield" /></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="right" valign="middle">*性别：</td>-->
<!--            <td valign="middle"><input type="radio" name="radio" id="radio" value="radio" />-->
<!--                男-->
<!--                <label for="radio">-->
<!--                    <input type="radio" name="radio" id="radio2" value="radio" />-->
<!--                    女</label></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="right" valign="middle">*证件类型：</td>-->
<!--            <td align="left" valign="middle">身份证</td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="right" valign="middle">*证件号码：</td>-->
<!--            <td align="center" valign="middle"><input type="text" name="textfield3" id="textfield3" /></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td align="right" valign="middle">*手机号码：</td>-->
<!--            <td align="center" valign="middle"><input type="text" name="textfield2" id="textfield2" /></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="2" align="center" valign="middle"><input type="submit" name="button" id="button" value="保 存" />-->
<!--                <input type="submit" name="button2" id="button2" value="返 回" /></td>-->
<!--        </tr>-->
<!--    </table>-->
<!--</form>-->


<div class="mask" style="display: none;"></div>
<script type="text/javascript" src="../houtaistatic/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../houtaistatic/js/wdatepicker.js"></script>
<script type="text/javascript" src="../houtaistatic/js/my_center_orderinfo.js"></script>
<script type="text/javascript" src="../houtaistatic/js/core.js"></script>

<script>
    $('.reason label').eq($('.reason label').length - 1).find('input').on('change', function () {
        $('.reason_other').toggleClass('hide');
    })


</script>
<script src="../houtaistatic/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function ({}) {
        $("#lianxiren").click(function ({}) {
            $("#form1").show();
        });

        $("#button2").click(function ({}) {
            $("#form1").hide();
        })
    });

</script>

</body>

</html>